<html>
<head>
<?php session_start(); ?>
<script src="jquery.js"></script>
<script>
function rechargerFenetre() {
	window.setTimeout (
		function() {
			window.location.reload();
		}, 
		1
	);
}

function aff_form_inscription() {
	$("#connexion_div").hide();
	$("#inscription").show();	
}

function connexion(login, password) {
	$.post(
		"connexion.php",
		{
			login: login,
			password: password
		},
		function (data)
		{
			if (data == "LOGIN_OK") {
				rechargerFenetre();
				alert("Vous etes connectes.");
			}
			else { 
				if (confirm("Login/password inconnus. Souhaitez-vous creer un compte?")) {
					aff_form_inscription();
				}
			}
		}
	);
}

function inscription()
{
	$.post(
		"inscription.php",
		{
			login: $("#login").val(),
			password: $("#password").val(),
			password2: $("#password_check").val(),
			nom: $("#nom").val(),
			prenom: $("#prenom").val(),
			date_naissance: $("#date_naissance").val(),
			adresse: $("#adresse").val()
		},
		function (data)
		{
			if (data == "INSCRIPTION_OK") {
				connexion($("#login").val(), $("#password").val());
			}
			else {
				alert(data);	
			}
		}
	);	
}

function deconnexion() {
	$.post(
		"deconnexion.php",
		function (data) {
			alert("Vous etes a present deconnectes.");
			rechargerFenetre();	
		}
	);	
}

</script>
</head>
<body>
<?php if (!isset($_SESSION['user']['login'])) { ?>
<form>
<label>Login : </label><input type="text" id="login" /><br />
<label>Password : </label><input type="password" id="password" /><br />
<div id="connexion_div">
	<input type="button" value="Se connecter" onClick="connexion($('#login').val(), $('#password').val());" />
    <input type="button" value="Inscription" onClick="aff_form_inscription();" />
</div>
<div id="inscription" style="display:none;">
<label>Password 2 : </label><input type="password" id="password_check" /><br />
<label>Nom : </label><input type="text" id="nom" /><br />
<label>Prenom : </label><input type="text" id="prenom" /><br />
<label>Date de naissance : </label><input type="text" id="date_naissance" /><br />
<label>Adresse : </label><input type="text" id="adresse" /><br />
<input type="button" value="Se connecter" onClick="inscription();" />
</div>
<br />
</form>
<?php } else { ?>
<h1>EVERY DAY, I'M SHUFFLING!!!</h1>
<input type="button" value="Deconnexion" onCLick="deconnexion();" />
<?php } ?>
</body>
</html>